<ion-header  class="nav-header">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button (click)="backClick()">
        <ion-icon class="md-arrow-back"  ios="md-arrow-back"></ion-icon>
      </ion-button>
    </ion-buttons>
    <ion-title>意见反馈</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding>  
   <div class="fk-type" (click)="openPicker()"><span [ngClass]='{"active":fkType!="选中反馈类型"}'>{{fkType}}</span><span><ion-icon class="iconfont  ion-ios-down-trangle"></ion-icon></span></div>
   <div class="fk-c">
      <textarea [(ngModel)]="fkContent" placeholder="请输入反馈内容，不少于20个字"></textarea>
   </div>
   <div class="showImg" id="showImg">
      <span class="s-img-close" (click)="onCloseImg()"></span>
      <div class="imgCanvas" id="imgCanvas"></div>
   </div>
   <div class="upload-wrap" *ngIf="!isImg">
    <div class="upload-wrap-inner">
        <span class="upload-add-icon"></span>
        <div class="upload-tit">上传图片</div>
        <div>仅支持jpg,gif,png</div>
        <div>格式文件</div>
        <input type="file" id="upload-input" class="upload-input" (change)="uploadImg()"/>
    </div>
  </div>
  <div class="fk-btn" (click)="onSubmit()">立即提交</div>

</ion-content>
<app-tab-self></app-tab-self>